/** * @description: 辅导员工作进度 */
<template>
  <!-- 辅导员工作进度 -->
  <div class="pub-floor">
    <div class="title-wrapper">
      <h4>辅导员工作进度</h4>
      <span @click="skipDetail('/counsellor')">详情 <van-icon name="arrow" size="14"/></span>
    </div>

    <div class="deal-rate-box">
      <!-- 预警学生处理率 -->
      <DealRate :dealRateObj="warningDealRateObj" />
      <!-- 五困生帮扶率 -->
      <DealRate :dealRateObj="fiveHardRateObj" />
      <!-- 学生谈话率 -->
      <DealRate :dealRateObj="talkRateObj" />
    </div>
  </div>
</template>

<script>
import DealRate from '@/pages/counsellor/components/dealRate'
export default {
  name: 'CounsellorRate',
  components: { DealRate },
  data() {
    return {
      //预警学生处理率
      warningDealRateObj: {
        title: '预警学生处理率',
        titleRate: 97,
        children: [
          {
            title: '心理预警',
            titleRate: 50,
            ratio: '100/200',
          },
          {
            title: '学业预警',
            titleRate: 18,
            ratio: '15/100',
          },
          {
            title: '行为失范预警',
            titleRate: 95,
            ratio: '88/100',
          },
        ],
      },

      //五困生帮扶率
      fiveHardRateObj: {
        title: '五困生帮扶率',
        titleRate: 97,
        children: [
          {
            title: '五困生谈心谈话',
            titleRate: 50,
            ratio: '100/200',
          },
        ],
      },

      //学生谈话率
      talkRateObj: {
        title: '学生谈话率',
        titleRate: 97,
        children: [
          {
            title: '谈心谈话',
            titleRate: 50,
            ratio: '100/200',
          },
        ],
      },
    }
  },
  methods: {
    skipDetail(str) {
      this.$emit('skipDetail', str)
    },
  },
}
</script>

<style lang="scss" scoped>
.deal-rate-box {
  .floor {
    padding-left: 0;
    padding-right: 0;
    margin-top: 0;
    font-size: 14px !important;
    .title {
      font-size: 14px !important;
    }
  }
  .floor + .floor {
    padding-top: 10px;
  }
}
</style>
